$fsz:50;
$bannerTop:40rem/$fsz;
$wrap:750rem/$fsz;
$titlesi:30;
$styleft:#999;
$stylebg:#f1f1f1;
$spancol:#d3c9c6;
@import 'base';
@mixin center{margin:0 auto;} 
@mixin tac($value:0){text-align: center;margin:0 auto; font-size:$value;}
@function rem($value){
    @return  $value/$fsz*1rem;
}
@mixin wth{ width: rem(650);} 
@mixin cursor{cursor:pointer;}
section.banner{
   width:$wrap;
   @include center;
    margin-top:$bannerTop;margin-bottom:$bannerTop;
        .title{
           @include wth;background-color: #FFF;@include cursor;
             @include tac(30rem/$fsz);
              background-color: rgb(255, 255, 255);
              box-shadow: 0px 8px 26px 0px rgba(212, 212, 212, 0.196);
            h1{font-weight:normal;line-height:rem(90);}
            margin-bottom:6rem/$fsz;;
        } 
       
        li.style{
                @include wth; @include tac(28rem/$fsz);

                &.class-li,&.class-label{display:none;transition:all 3s;}
             
                 .leftDistance{margin-left:30rem/$fsz;}//左边距离
                span{ 
                    margin-bottom:-10rem/$fsz; //清除span转换行内块的默认边距
                    margin-top:34rem/$fsz;
                    &.spa,&.spanlabe{background-color:$spancol;} //提升权限
                    float: left;line-height: rem(64);width:rem(160);height:rem(64);background-color: $stylebg;color:$styleft;margin-right:rem(56);border-radius:rem(34);@include cursor;text-overflow:ellipsis ;white-space:nowrap ;overflow:hidden;
                    &:nth-of-type(3n){
                        margin-right:0;
                    }
                }
        }
   .posi{img{width:rem(55);height:rem(35);}right:rem(25);} 
   // 优惠中的sapn标签
   span#labelspan{width:592rem/$fsz;margin-left:30rem/$fsz;}

}